/**
 * Created by Administrator on 2019/4/18.
 */

// 弹出提示框
// alert("我的第一个JavaScript程序！");
// alert("我的第二个JavaScript程序！");
// alert("我的第三个JavaScript程序！");


// 控制台输出
// console.log("控制台输出");
// console.log("123");
// console.log('123');
// console.log('word');


// 运算
// alert(220);
// alert(250);
// alert(234 + 234);
// alert(234 * 234);
// alert(2 * 3 +25 / 5 - 1);
// alert(2 * (3 + 25) / 5 - 1);


// 布尔类型  比较true和false
// alert(22 > 33);
// alert(22 < 33);
// js里面 2个、3个等号是比较、判断  1个等号是赋值
// alert(22 == 33);
// alert(22 == 22);


// 字符串
// alert(100);    数字类型
// alert('你好');   字符串类型
// alert("你好");     字符串类型
// alert('100');      字符串类型
// alert('hello');      字符串类型
// alert("hello");   字符串类型


// alert('22' == '33');
// alert('22' == '22');
// alert("你好" == "你好");
// alert(100 == "100");
// alert(100 === "100");


// 字符串拼接
// 如果是纯数字就是相加，如果是带引号的字符串，就是拼接
// alert(220 + 230);
// alert('220' + '230');
// alert("220" + "230");
// alert("你");
// alert("好");
// alert("你" + "好");
// 如果出现字符串的数字就是拼接
// alert("220 + 230 =" + 220 + 230);
// 解决方法
// alert("220 + 230 =" +(220 + 230));


// if else
// if(22 > 33){
//     alert(true);
// }else {
//     alert(false);
// }
// 根据时间判断显示结果
// 如果当前时间小于13点就是上午好 否则就是下午好
// var i =16;
// if(i < 13){
//     alert("上午好");
// }else {
//     alert("下午好");
// }

// 获取到当前时间的代码
// var date = new  Date();
// var h = date.getHours();
// console.log(date);
// console.log(h);
// 如果当前时间小于18点就是白天好，否则就是晚上好
// if (h < 18){
//     alert("白天好");
// }else {
//     alert("晚上好");
// }


// javascript对话框   根据输入框的内容判断结果
// js是从上到下执行
/*var text = prompt("请输入内容");
if (text == "管理员"){
    alert("登录成功");
}else {
    alert("登录失败");
}*/


// 变量
// var sum1 = 22;
// var sum2 = 33;
// console.log(sum1 + sum2);
// console.log(sum1 - sum2);
// console.log(sum1 * sum2);
// console.log(sum1 / sum2);


// 自定义函数
/*function sum(a,b) {
    var c = a + b;
    // return 返回值
    return c;
}
alert(sum(11,22));
alert(sum(22,33));
console.log(sum(11,22));
console.log(sum(22,33));
*/

/*function sum1(a) {
    alert(a);
}
sum1(10);
sum1(20);
*/

/*function sum2(a,b) {
    alert(a + b);
}
sum2(10,20);
sum2(20,30);
*/


/*function sum3(a,b) {
    return a+b;
}
alert(sum3(10,20));
alert(sum3(22,33));

console.log(sum3(10,20));
console.log(sum3(22,33));
*/

/*
// 通过选择器获取HTML标签里面的内容
// id选择器
var test=document.getElementById("test");
// 获取这个选择器，输出到控制台
console.log(test);
// 获取这个选择器里面的内容，输出到控制台
console.log(test.innerHTML);
*/


// 选择器   innerHTML
/*var test=document.querySelector("#test");
var test1=document.querySelector(".test");

test.innerHTML="重新赋值id里面的Hello！";
test1.innerHTML="重新赋值class里面的Hello！";
*/

/*
// 创建对象
var stu={};
// 添加属性
stu .name="小明";
stu.sex="男";
stu.age="19";
// 创建一个对象的方法
stu.say=function () {
    return "我叫"+stu.name+"，是个"+stu.sex+"孩，今年"+stu.age+"岁";
}

console.log(stu);
console.log(stu.name);
// 在控制台输出这个方法
console.log(stu.say());
// alert(stu.age);
*/


// 用js改变网页的背景
function color(a) {
    document.querySelector('body').style.background=a;
}

function color2(c) {
    color(c.value);
}

